@media
	only screen and (max-width: 760px),
	(min-device-width: 768px) and (max-device-width: 1024px)  {
		/* Force table to not be like tables anymore */

		table.dashboard, thead.dashboard,.dashboard tbody,.dashboard th,.dashboard td,.dashboard tr {
			display: block;
		}
		table.dashboard > tbody > tr:first-child{
			display: none;
		}

		table.dashboard >tbody tr { border: 1px solid #ccc; }

		table.dashboard >tbody td {
			border: none;
			position: relative;
		}
		.dashboard  > tbody tr td{
			padding-left: 45%;
			overflow: hidden;
			white-space: normal !important;
		}
		table.dashboard >tbody td:before {
			position: absolute;
			top: 6px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}
		/*
		Label the data
		*/
		.dashboard  > tbody td:nth-of-type(1):before { content: ""; }
		.dashboard  > tbody td:nth-of-type(2):before { content: "Tên dự án"; }
		.dashboard  > tbody td:nth-of-type(3):before { content: "Giá thầu"; }
		.dashboard  > tbody td:nth-of-type(4):before { content: "Thời hạn"; }
		.dashboard  > tbody td:nth-of-type(5):before { content: "Mốc"; }
		.dashboard  > tbody td:nth-of-type(6):before { content: "Trạng thái"; }
}
@-moz-document url-prefix() {
	@media only screen and (max-width: 976px) {
		/* Force table to not be like tables anymore */

		.list-freelancer-bid > table, .list-freelancer-bid > table > thread,.list-freelancer-bid > table > tbody,.dashboard th,.list-freelancer-bid > table  td,.list-freelancer-bid > table tr {
			display: block;
		}
		.list-freelancer-bid > table > tbody > tr:first-child{
			display: none;
		}

		.list-freelancer-bid > table > tbody tr { border: 1px solid #ccc; }

		.list-freelancer-bid > table > tbody td {
			border: none;
			position: relative;
		}
		.list-freelancer-bid > table > tbody tr td{
			padding-left: 45%;
			overflow: hidden;
			white-space: normal !important;
		}
		.list-freelancer-bid > table > tbody td:before {
			position: absolute;
			top: 6px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}
		/*
		Label the data
		*/
		.list-freelancer-bid > table  > tbody td:nth-of-type(1):before { content: "Tên"; }
		.list-freelancer-bid > table > tbody td:nth-of-type(2):before { content: "Giá thầu"; }
		.list-freelancer-bid > table > tbody td:nth-of-type(3):before { content: "Thời hạn"; }
		.list-freelancer-bid > table > tbody td:nth-of-type(4):before { content: ""; }
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	@media only screen and (max-width: 976px) {
		/* Force table to not be like tables anymore */

		.list-freelancer-bid > table, .list-freelancer-bid > table > thread,.list-freelancer-bid > table > tbody,.dashboard th,.list-freelancer-bid > table  td,.list-freelancer-bid > table tr {
			display: block;
		}
		.list-freelancer-bid > table > tbody > tr:first-child{
			display: none;
		}

		.list-freelancer-bid > table > tbody tr { border: 1px solid #ccc; }

		.list-freelancer-bid > table > tbody td {
			border: none;
			position: relative;
		}
		.list-freelancer-bid > table > tbody tr td{
			padding-left: 45%;
			overflow: hidden;
			white-space: normal !important;
		}
		.list-freelancer-bid > table > tbody td:before {
			position: absolute;
			top: 6px;
			left: 6px;
			width: 45%;
			padding-right: 10px;
			white-space: nowrap;
		}
		/*
		Label the data
		*/
		.list-freelancer-bid > table  > tbody td:nth-of-type(1):before { content: "Tên"; }
		.list-freelancer-bid > table > tbody td:nth-of-type(2):before { content: "Giá thầu"; }
		.list-freelancer-bid > table > tbody td:nth-of-type(3):before { content: "Thời hạn"; }
		.list-freelancer-bid > table > tbody td:nth-of-type(4):before { content: ""; }
}
}